<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预解析的重要性</title>
</head>
<body>
    
</body>
<script type="module">
    /*
        预解析 -- 会提前解析  
            但是在js的模块化中的与解析是只会执行一次的
    */
    import {} from './test2.js' //modele test2
    import {} from './test2.js'
    import {} from './test2.js'
    import {} from './test2.js'
    import {} from './test2.js'
    // 就算我这段导入导入了5次  结果只会是第一次能够将数据给显示出来 
    /*
        其实原因很简单  如果模块中的数据是来源于后端所请求的接口  那么相同的数据只要出来一次就行了
            没有必要每次访问都去后端请求一次数据接口
        另外模块和模块之间是可以互相使用的  是多对多的关系
    */
    import {count} from './test1.js'
    console.log(count())   //3
</script>
</html>